<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="/common/templates/common.xhtml">
            <ui:param name="titulo" value="Productos" />

            <ui:define name="body">
                <rich:panel>
                    <rich:messages passedLabel="Data is allowed to be stored." layout="list">
                        <f:facet name="header">
                            <h:outputText value="Entered Data Status:"></h:outputText>
                        </f:facet>
                        <f:facet name="infoMarker">
                            <h:graphicImage  value="/img/passed_.gif" />
                        </f:facet>
                        <f:facet name="errorMarker">
                            <h:graphicImage value="/img/error_.gif" />
                        </f:facet>
                    </rich:messages>
                </rich:panel>
                <a4j:form id="Productos">

                    <h:panelGrid id="panelGridInsertar" columns="1">
                        <rich:panel id="panelProductos" >
                            <f:facet name="header">
                                <h:outputText id="labelTitulo" value="#{Messages['search.producto']}"/>
                            </f:facet>

                            <h:panelGrid id="pGridInput"  columns="3">

                                <h:outputLabel id="labelReferencia" value="#{Messages['insert.producto.referencia']}"/>
                                <h:inputText id="referencia" value="#{ProductoListBean.referencia}">
                                    <rich:toolTip id="toolTipReferencia" value="#{Messages['insert.producto.referencia']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredReferencia" value="" escape="false"/>

                                <h:outputLabel id="labelNombre" value="#{Messages['insert.producto.nombre']}"/>
                                <h:inputText id="nombre" value="#{ProductoListBean.nombre}">
                                    <rich:toolTip id="toolTipNombre" value="#{Messages['insert.producto.nombre']}" style="padding:10px;" />
                                </h:inputText >
                                <h:outputText id="spaceNoRequiredNombre" value="" escape="false"/>

                                <h:outputLabel id="labelTipo" value="#{Messages['insert.producto.tipo']}"/>
                                <h:selectOneMenu id="tipo" value="#{ProductoListBean.tipo}">
                                    <f:selectItem itemValue = "-Seleccionar-" />
                                    <f:selectItem itemValue = "INTERIOR" />
                                    <f:selectItem itemValue = "EXTERIOR" />
                                </h:selectOneMenu>
                                <h:outputText id="spaceNoRequiredTipo" value="" escape="false"/>

                            </h:panelGrid>
                        </rich:panel>
                    </h:panelGrid>
                    <rich:spacer id="space1" width="5"></rich:spacer>
                    <h:panelGrid id="panelGridButton" columns="5">
                        <h:commandButton id="btnBuscar" value="#{Messages['common.search']}">
                            <a4j:support action="#{ProductoListBean.consultarMueble}" event="onclick" reRender="TablaMuebles"/>
                        </h:commandButton>
                        <h:outputText id="space" value="" escape="false"/>
                        <h:commandButton id="btnInsert" value="#{Messages['common.insert']}" action="#{ProductoListBean.insert}" immediate="true" />
                        <h:outputText id="space4" value="" escape="false"/>
                        <h:commandButton id="btnInventarios" value="#{Messages['inventario.producto']}" action="#{ProductoListBean.inventario}" immediate="true" />
                    </h:panelGrid>

                    <rich:spacer id="space2" width="30"></rich:spacer>

                    <h:panelGrid>
                        <rich:dataTable id="TablaMuebles" value="#{ProductoListBean.listMuebles}" binding="${ProductoListBean.tabla}"
                                        var="mueble" rows="2">
                            <f:facet name="header">
                                <rich:columnGroup>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.referencia']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.nombre']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.descripcion']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.tipo']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.material']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.alto']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.ancho']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.profundidad']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.color']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['insert.producto.peso']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['common.edit']}"/>
                                    </rich:column>
                                    <rich:column>
                                        <h:outputLabel value="#{Messages['common.delete']}"/>
                                    </rich:column>

                                </rich:columnGroup>
                            </f:facet>
                            <rich:columnGroup>
                                <rich:column>
                                    <h:outputText id="idreferencia" value="#{mueble.referencia}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idnombre" value="#{mueble.nombre}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="iddescripcion" value="#{mueble.descripcion}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idtipo" value="#{mueble.tipoMueble}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idmaterial" value="#{mueble.material}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idalto" value="#{mueble.dimension.alto}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idancho" value="#{mueble.dimension.ancho}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idprofundidad" value="#{mueble.dimension.profundidad}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idcolor" value="#{mueble.color}"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputText id="idpeso" value="#{mueble.peso}"/>
                                </rich:column>
                                <rich:column>
                                    <a4j:commandLink action="#{ProductoListBean.editar}">
                                        <h:graphicImage alt="#{Messages['common.edit']}" url="/img/edit.gif" title="Editar" border="0"/>
                                    </a4j:commandLink>
                                </rich:column>
                                <rich:column>
                                    <a4j:commandLink id="link" action="#{ProductoListBean.obtenerProductoEliminar}">
                                        <h:graphicImage alt="#{Messages['common.delete']}" url="/img/del.gif" title="Eliminar" border="0"/>
                                        <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>
                                    </a4j:commandLink>
                                </rich:column>
                            </rich:columnGroup>
                            <f:facet name="footer">
                                <rich:datascroller id="dataScroll"></rich:datascroller>
                            </f:facet>
                        </rich:dataTable>
                    </h:panelGrid>
                    <rich:modalPanel id="panel" width="350" height="100">
                        <f:facet name="header">
                            <h:panelGroup>
                                <h:outputText value="Eliminar Mueble"></h:outputText>
                            </h:panelGroup>
                        </f:facet>
                        <f:facet name="controls">
                        </f:facet>
                        <h:outputText value="#{Messages['search.delete']}"/>
                        <h:panelGrid id="panelBotones" columns="3">
                            <a4j:commandButton id="btnEliminar" action="#{ProductoListBean.eliminar}" value="#{Messages['common.delete']}" reRender="TablaMuebles">
                                <rich:componentControl for="panel" attachTo="btnEliminar" operation="hide" event="onclick"/>
                            </a4j:commandButton>
                            <h:outputText id="space3" value="" escape="false"/>
                            <h:commandButton id="btnCancelar" value="#{Messages['common.cancel']}">
                                <rich:componentControl for="panel" attachTo="btnCancelar" operation="hide" event="onclick"/>
                            </h:commandButton>
                        </h:panelGrid>
                    </rich:modalPanel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>